import { EnumClassGroup, EnumProperty, IPage } from "xcore/cmpnt";


var frame: IPage = {
    cmpnt: "x-frame",
    category: "pages",
    valueKey: "frame",
    children: [],
    props: {
        label: "我的知识库",
        style: {
            "background-color": "#3399CC",
        },
        bannerGroup: {
            system: "商城管理系统",
            showBanner: true,
            showLogo: true,
            showMenu: true,
            showSetting: true,
            logoImage: "",
            style: {
                color: "white",
                "font-size": "0.875rem",
                "background-color": "#99cc33",
                height: "40px",
            },
            logoStyle: {
                color: "white",
                logoWidth: "30px",
                "font-weight": "bold",
                "font-size": "0.875rem",
            },
            menuStyle: {
                "font-size": "0.815rem",
            },
        },
        menuGroup: {
            showMenu: true,
            showLogo: true,
            showSetting: true,
            showArrow: true,
            showOneLevelMenu: false,
            style: {
                width: "200px",
                color: "white",
                "background-color": "#3399CC",
                "activeTextColor": "#666",
                "activeBgColor": "white",
            },
            class: [],

        },
        contentGroup: {
            showBar: true,
            showSearch: true,
            showSetting: true,
            showTabs: true,
            style: {
                color: "#999999",
                height: "40px",
                "background-color": "",
            },
            class: [],
            contentClass: [],
        },


        bind: {
            properties: [EnumProperty.SwitchCmpnt],
            classGroups: [EnumClassGroup.Margin, EnumClassGroup.Border],
            customCmpnt: { trace: "traceBar" }
        },
        class:[],
    },
    slot: {},
    events: {},
    ctl: {
        name: "frame",
        group: "home",
        text: "四级菜单结构",
    },
};
export { frame };
